<template>

  <div >
     <x-header :left-options="{showBack: false}">思宝贝-社区</x-header>

    <panel :header="社区最新帖子" :footer="{
        title: '更多帖子',
        url: 'http://vux.li'
      }" :list="list" :type='type' ></panel>


<tabbar>

      <tabbar-item>
        <img slot="icon" src="http://www.iconpng.com/png/windows8_icons2/car.png">
        <span slot="label">遥控车</span>
      </tabbar-item>
      <tabbar-item badge="2" >
        <img slot="icon" src="http://www.iconpng.com/png/miui-jeans/gallery.png">
        <span slot="label">图片</span>
      </tabbar-item>
      <tabbar-item badge="10" >
        <img slot="icon" src="http://www.iconpng.com/png/miui-mylove/videoplayer.png">
        <span slot="label">小视频</span>
      </tabbar-item>
      <tabbar-item show-dot>
        <img slot="icon" src="http://www.iconpng.com/png/freebie-blog/community.png">
        <span slot="label">社区</span>
      </tabbar-item>
      <tabbar-item >
        <img slot="icon" src="http://www.iconpng.com/png/miui-crimp/settings.png">
        <span slot="label">我的</span>
      </tabbar-item>
    </tabbar>
  </div>
</template>

<script>

import { Tabbar, TabbarItem, XHeader,Panel, Radio,Group } from 'vux'
export default {
  components: {
    Tabbar, TabbarItem, XHeader,Panel, Radio,Group
  },
  methods: {
    onImgError (item, $event) {
      console.log(item, $event)
    }
  },
  data () {
    return {
      type: '5',
      list: [{
        src: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2777585458,2597923313&fm=200&gp=0.jpg',
        fallbackSrc: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
        title: '我家宝贝',
        desc: '我家宝贝已经20天了，大家来看他萌萌的样子',
        url: '/component/cell',
        meta: {
          source: '用户:terrydash',
          date: '发帖时间:'+new Date().toLocaleDateString(),
          other:'点赞:10 '
        }
      }, {
        src: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2777585458,2597923313&fm=200&gp=0.jpg',
        fallbackSrc: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
        title: '我家宝贝',
        desc: '我家宝贝已经20天了，大家来看他萌萌的样子',
        url: '/component/cell',
        meta: {
          source: '用户:terrydash',
          date: '发帖时间:'+new Date().toLocaleDateString(),
        }
      },{
        src: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2777585458,2597923313&fm=200&gp=0.jpg',
        fallbackSrc: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
        title: '我家宝贝',
        desc: '我家宝贝已经20天了，大家来看他萌萌的样子',
        url: '/component/cell',
        meta: {
          source: '用户:terrydash',
          date: '发帖时间:'+new Date().toLocaleDateString(),
        }
      },
      {
        src: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2777585458,2597923313&fm=200&gp=0.jpg',
        fallbackSrc: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
        title: '我家宝贝',
        desc: '我家宝贝已经20天了，大家来看他萌萌的样子',
        url: '/component/cell',
        meta: {
          source: '用户:terrydash',
          date: '发帖时间:'+new Date().toLocaleDateString(),
        }
      },{
        src: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2777585458,2597923313&fm=200&gp=0.jpg',
        fallbackSrc: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
        title: '我家宝贝',
        desc: '我家宝贝已经20天了，大家来看他萌萌的样子',
        url: '/component/cell',
        meta: {
          source: '用户:terrydash',
          date: '发帖时间:'+new Date().toLocaleDateString(),
        }
      }
      ],
      footer: {
        title: '更多新闻',
        url: 'http://vux.li'
      }
    }
  }
};
</script>

<style>

.center {
  text-align: center;
}

</style>
